
<!DOCTYPE html>
<html>
<head>
	<title>Basic fotorama</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=720">

	<!-- jQuery, -->
	<script src="jquery/jquery-1.9.1.min.js"></script>

	<!-- Fotorama -->
	<link  href="../out/fotorama.css" rel="stylesheet">
	<script src="../out/fotorama.js"></script>
	
</head>

<body>

<!-- Fotorama -->
<div class="fotorama" data-width="50%" data-ratio="1.5" data-nav="thumbs" data-loop="true" data-keyboard="true" data-allow-full-screen="true">
	<a href="http://www.youtube.com/watch?v=ozT2ao0Yj60&autoplay=1" data-video="true" data-caption="The 2nd Law: Unsustainable (First verse dialogue only)"><img src="http://img.youtube.com/vi/ozT2ao0Yj60/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=k6KvUGrHHTM" data-video="true" data-caption="Supremacy (Extended intro)"><img src="http://img.youtube.com/vi/k6KvUGrHHTM/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=vSSDh5p8YUE" data-video="true" data-caption="Supermassive Black Hole (Rage Against the Machine's Revolver outro; fans did a "Happy Birthday Matt" flashmob)"><img src="http://img.youtube.com/vi/vSSDh5p8YUE/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=Zo0BNwfO5wg" data-video="true" data-caption="Panic Station"><img src="http://img.youtube.com/vi/Zo0BNwfO5wg/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=Bz_IzpB6g2g" data-video="true" data-caption="Bliss"><img src="http://img.youtube.com/vi/Bz_IzpB6g2g/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=5ooUuPoxoEw" data-video="true" data-caption="Resistance"><img src="http://img.youtube.com/vi/5ooUuPoxoEw/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=zEoUswxrylU" data-video="true"><img src="http://img.youtube.com/vi/zEoUswxrylU/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=w64cDkGr-fA" data-video="true"><img src="http://img.youtube.com/vi/w64cDkGr-fA/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=BVclAIaraAc" data-video="true"><img src="http://img.youtube.com/vi/BVclAIaraAc/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=-p9LB8kj_j0" data-video="true"><img src="http://img.youtube.com/vi/-p9LB8kj_j0/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=z-6Wg_4uukA" data-video="true"><img src="http://img.youtube.com/vi/z-6Wg_4uukA/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=ozT2ao0Yj60&autoplay=1" data-video="true"><img src="http://img.youtube.com/vi/ozT2ao0Yj60/maxresdefault.jpg" data-caption="One"></a>
	<a href="http://www.youtube.com/watch?v=k6KvUGrHHTM" data-video="true"><img src="http://img.youtube.com/vi/k6KvUGrHHTM/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=vSSDh5p8YUE" data-video="true"><img src="http://img.youtube.com/vi/vSSDh5p8YUE/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=Zo0BNwfO5wg" data-video="true"><img src="http://img.youtube.com/vi/Zo0BNwfO5wg/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=Bz_IzpB6g2g" data-video="true"><img src="http://img.youtube.com/vi/Bz_IzpB6g2g/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=5ooUuPoxoEw" data-video="true"><img src="http://img.youtube.com/vi/5ooUuPoxoEw/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=zEoUswxrylU" data-video="true"><img src="http://img.youtube.com/vi/zEoUswxrylU/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=w64cDkGr-fA" data-video="true"><img src="http://img.youtube.com/vi/w64cDkGr-fA/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=BVclAIaraAc" data-video="true"><img src="http://img.youtube.com/vi/BVclAIaraAc/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=-p9LB8kj_j0" data-video="true"><img src="http://img.youtube.com/vi/-p9LB8kj_j0/maxresdefault.jpg"></a>
	<a href="http://www.youtube.com/watch?v=z-6Wg_4uukA" data-video="true"><img src="http://img.youtube.com/vi/z-6Wg_4uukA/maxresdefault.jpg"></a>
</div>


<h2>Список песен:</h2>

<a href="#0" class="js-fotorama">The 2nd Law: Unsustainable</a> (First verse dialogue only)<br/>
<a href="#1" class="js-fotorama">upremacy</a> (Extended intro)<br/>
<a href="#2" class="js-fotorama">Supermassive Black Hole</a> (Rage Against the Machine's Revolver outro; fans did a "Happy Birthday Matt" flashmob)<br/>
<a href="#3" class="js-fotorama">Panic Station</a><br/>
<a href="#4" class="js-fotorama">Bliss</a><br/>
<a href="#5" class="js-fotorama">Resistance</a><br/>
<a href="#6" class="js-fotorama">Animals</a><br/>
<a href="#7" class="js-fotorama">Knights of Cydonia</a> (Man with a Harmonica intro)<br/>
<a href="#8" class="js-fotorama">Dracula Mountain</a><br/>
<a href="#9" class="js-fotorama">Sunburn</a><br/>
<a href="#10" class="js-fotorama">Interlude</a><br/>
<a href="#11" class="js-fotorama">Hysteria</a><br/>
<a href="#12" class="js-fotorama">Monty Jam</a> (Drum and Bass Jam)<br/>
<a href="#13" class="js-fotorama">Feeling Good</a><br/>
<a href="#14" class="js-fotorama">Follow Me</a><br/>
<a href="#15" class="js-fotorama">Liquid State</a><br/>
<a href="#16" class="js-fotorama">Madness</a><br/>
<a href="#17" class="js-fotorama">Time Is Running Out</a> (House of the Rising Sun intro)<br/>
<a href="#18" class="js-fotorama">New Born</a> (Ashamed outro)<br/>
<a href="#19" class="js-fotorama">Unintended</a><br/>
<a href="#20" class="js-fotorama">Guiding Light</a><br/>


	<script>
	$(function () {
		var fotorama = $('.fotorama').data('fotorama');
		$('.js-fotorama').on('click', function (e) {
			e.preventDefault();
			fotorama.show($(this).attr('href').replace(/^#/, ''));
		});
	});
</script>

</body>